﻿<div [@routerTransition] id="TenantDashboard">
    <div class="m-subheader">
        <div class="row align-items-center">
            <div class="mr-auto col-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    <span>{{"Dashboard" | localize}}</span>
                </h3>
                <span class="m-section__sub">
                    {{"DashboardHeaderInfo" | localize}}
                </span>
            </div>

        </div>
    </div>

    <div class="m-content">

        <div class="m-portlet">
            <div class="m-portlet__body  m-portlet__body--no-padding">
                <div class="row m-row--no-padding m-row--col-separator-xl">
                    <div class=""
                        *ngIf="isGranted('Pages.Tenant.Dashboard.Generallibrary') || isGranted('Pages.Tenant.Dashboard.SubDatabase')">
                        <div class="m-widget24">
                            <div class="m-widget24__item">
                                <h4 class="m-widget24__title">
                                    总库存量
                                </h4>
                                <br>
                                <span class="m-widget24__desc">
                                    全部文件数量
                                </span>
                                <span class="m-widget24__stats m--font-brand">
                                    <span counto [step]="30" [duration]="1" [countFrom]="0"
                                        [countTo]="dashboardHeaderStats.totalProfit"
                                        (countoChange)="dashboardHeaderStats.totalProfitCounter = $event">
                                        {{dashboardHeaderStats.totalProfitCounter.toFixed(0)}}
                                    </span>
                                </span>
                                <div class="m--space-10"></div>
                                <div class="progress m-progress--sm">
                                    <div class="progress-bar m--bg-brand" role="progressbar"
                                        [style.width.%]="dashboardHeaderStats.totalProfitChange.toFixed(0)"
                                        aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                                <span class="m-widget24__change">
                                    占比
                                </span>
                                <span class="m-widget24__number">
                                    <span
                                        class="counterup">{{dashboardHeaderStats.totalProfitChange.toFixed(0)}}</span>%
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class=""
                        *ngIf="isGranted('Pages.Tenant.Dashboard.Generallibrary') || isGranted('Pages.Tenant.Dashboard.SubDatabase')">
                        <div class="m-widget24">
                            <div class="m-widget24__item">
                                <h4 class="m-widget24__title">
                                    销毁量
                                </h4>
                                <br>
                                <span class="m-widget24__desc">
                                    已销毁数量
                                </span>
                                <span class="m-widget24__stats m--font-info" counto [step]="30" [duration]="1"
                                    [countFrom]="0" [countTo]="dashboardHeaderStats.voids"
                                    (countoChange)="dashboardHeaderStats.voidsCounter = $event">
                                    {{dashboardHeaderStats.voidsCounter.toFixed(0)}}
                                </span>
                                <div class="m--space-10"></div>
                                <div class="progress m-progress--sm">
                                    <div class="progress-bar m--bg-info" role="progressbar"
                                        [style.width.%]="dashboardHeaderStats.voidsChange.toFixed(0)" aria-valuenow="50"
                                        aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                                <span class="m-widget24__change">
                                    占比
                                </span>
                                <span class="m-widget24__number">
                                    <span class="counterup">{{dashboardHeaderStats.voidsChange.toFixed(0)}}</span>%
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="" *ngIf="isGranted('Pages.Tenant.Dashboard.Workshop')">
                        <div class="m-widget24">
                            <div class="m-widget24__item">
                                <h4 class="m-widget24__title">
                                    借阅量
                                </h4>
                                <br>
                                <span class="m-widget24__desc">
                                    人员借阅量
                                </span>
                                <span class="m-widget24__stats m--font-info" counto [step]="30" [duration]="1"
                                    [countFrom]="0" [countTo]="dashboardHeaderStats.newUsers"
                                    (countoChange)="dashboardHeaderStats.newUsersCounter = $event">
                                    {{dashboardHeaderStats.newUsersCounter.toFixed(0)}}
                                </span>
                                <div class="m--space-10"></div>
                                <div class="progress m-progress--sm">
                                    <div class="progress-bar m--bg-success" role="progressbar"
                                        [style.width.%]="dashboardHeaderStats.newUsersChange.toFixed(0)"
                                        aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                                <span class="m-widget24__change">
                                    占比
                                </span>
                                <span class="m-widget24__number">
                                    <span class="counterup">{{dashboardHeaderStats.newUsersChange.toFixed(0)}}</span>%
                                </span>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="col-md-12 col-lg-6 col-xl-3">
                        <div class="m-widget24">
                            <div class="m-widget24__item">
                                <h4 class="m-widget24__title">
                                    New Orders
                                </h4>
                                <br>
                                <span class="m-widget24__desc">
                                    Fresh Order Amount
                                </span>
                                <span class="m-widget24__stats m--font-info"
                                      counto
                                      [step]="30"
                                      [duration]="1"
                                      [countFrom]="0"
                                      [countTo]="dashboardHeaderStats.newOrders"
                                      (countoChange)="dashboardHeaderStats.newOrdersCounter = $event">
                                    {{dashboardHeaderStats.newOrdersCounter.toFixed(0)}}
                                </span>
                                <div class="m--space-10"></div>
                                <div class="progress m-progress--sm">
                                    <div class="progress-bar m--bg-danger" role="progressbar" style="width: 45%;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                                </div>
                                <span class="m-widget24__change">
                                    Change
                                </span>
                                <span class="m-widget24__number">
                                    <span class="counterup">{{dashboardHeaderStats.newOrdersChange}}</span>%
                                </span>
                            </div>
                        </div>
                    </div> -->

                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-lg-6 col-xs-12 col-sm-12"
                *ngIf="isGranted('Pages.Tenant.Dashboard.Generallibrary') || isGranted('Pages.Tenant.Dashboard.SubDatabase')">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    类型库存量
                                    <!-- <small>
                                        Profit Share between customers
                                    </small> -->
                                </h3>
                            </div>
                        </div>

                    </div>
                    <div class="m-portlet__body">
                        <!--begin:: Widgets/Profit Share-->
                        <div class="m-widget14">
                            <div class="row align-items-center">
                                <div class="col" style="height: 190px;">
                                    <!-- <ngx-charts-pie-chart [results]="profitSharePieChart.chartData"
                                         [doughnut]="true"
                                         [legend]="false"
                                         [labels]="false"
                                         [scheme]="profitSharePieChart.scheme"
                                         [animations]="false"
                                         [tooltipDisabled]="true"></ngx-charts-pie-chart> -->

                                    <ngx-charts-advanced-pie-chart [view]="view" [label]="lave"
                                        [scheme]="profitSharePieChart.scheme" [results]="profitSharePieChart.chartData">
                                    </ngx-charts-advanced-pie-chart>
                                </div>
                                <!-- <div class="col">
                                    <div class="m-widget14__legends" *ngIf="profitSharePieChart.chartData.length">
                                        <div class="m-widget14__legend">
                                            <span class="m-widget14__legend-bullet m--bg-accent"></span>
                                            <span class="m-widget14__legend-text">
                                                {{profitSharePieChart.chartData[0].value}}% Product Sales
                                            </span>
                                        </div>
                                        <div class="m-widget14__legend">
                                            <span class="m-widget14__legend-bullet m--bg-warning"></span>
                                            <span class="m-widget14__legend-text">
                                                {{profitSharePieChart.chartData[1].value}}% Online Courses
                                            </span>
                                        </div>
                                        <div class="m-widget14__legend">
                                            <span class="m-widget14__legend-bullet m--bg-brand"></span>
                                            <span class="m-widget14__legend-text">
                                                {{profitSharePieChart.chartData[2].value}}% Custom Development

                                            </span>
                                        </div>
                                    </div>
                                </div> -->
                            </div>
                        </div>
                        <!--end:: Widgets/Profit Share-->
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-12"
                *ngIf="isGranted('Pages.Tenant.Dashboard.Generallibrary') || isGranted('Pages.Tenant.Dashboard.SubDatabase')">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    型号库存量
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        <div class="m-widget14">
                            <div class="row align-items-center">
                                <div class="col" style="height: 190px;">

                                    <!-- <ngx-charts-bar-vertical
                                [results]="dailySalesLineChart.chartData"
                                 [scheme]="dailySalesLineChart.scheme">
                                    <ng-template #tooltipTemplate let-model="model">
                                        <span>Day {{model.name}}</span>
                                        <br />
                                        <span>{{model.value}}</span>
                                    </ng-template>
                                </ngx-charts-bar-vertical> -->

                                    <ngx-charts-bar-vertical [view]="view" [scheme]="dailySalesLineChart.scheme"
                                        [results]="dailySalesLineChart.chartData" [xAxis]="true" [gradient]="true"
                                        [trimXAxisTicks]="false" [trimYAxisTicks]="false" [showDataLabel]="true"
                                        [xAxisLabel]="true">
                                        <ng-template #tooltipTemplate let-model="model">
                                            <span>型号 {{model.name}}</span>
                                            <br />
                                            <span>{{model.value}}</span>
                                        </ng-template>
                                    </ngx-charts-bar-vertical>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


        </div>

        <div class="row">
            <div class="col-md-6 col-sm-12"
                *ngIf="isGranted('Pages.Tenant.Dashboard.Generallibrary') || isGranted('Pages.Tenant.Dashboard.SubDatabase')">
                <div class="m-portlet m-portlet--full-height sales-summary-chart">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    当季度新入库文件量
                                </h3>
                            </div>
                        </div>

                    </div>
                    <div class="m-portlet__body" [busyIf]="salesSummaryChart.loading"
                        style="height: 300px; min-height: 300px; size: 24px;">

                        <!-- <ngx-charts-gauge
                        [units]="lave"
                        [legendTitle]="types"
                        [results]="salesSummaryChart.data"
                        [legend]="true"
                        [legendPosition]="legendPosition"
                        >
                      </ngx-charts-gauge>  -->
                        <ngx-charts-bar-horizontal [results]="salesSummaryChart.data" [yAxis]="true" style="size: 24px;"
                            [gradient]="true" [yAxisLabel]="true" [showDataLabel]="true">
                        </ngx-charts-bar-horizontal>
                    </div>
                </div>
            </div>
            <div class="col-md-6 col-sm-12"
                *ngIf="isGranted('Pages.Tenant.Dashboard.Generallibrary') || isGranted('Pages.Tenant.Dashboard.SubDatabase')">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    本月类型文件借阅量
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        <div class="row" style="height: 300px; min-height: 300px;">

                            <ngx-charts-pie-grid [view]="view" [label]="laveBorrow"
                                [scheme]="generalStatsPieChart.colorScheme" [results]="generalStatsPieChart.data">
                            </ngx-charts-pie-grid>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="row">
            <div class="col-md-12 col-sm-12" *ngIf="isGranted('Pages.Tenant.Dashboard.Workshop')">
                <div class="m-portlet m-portlet--full-height">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    科技文件借阅明细
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        <div class="primeng-datatable-container"
                            [busyIf]="primengTableHelperSpecialProductions.isLoading">
                            <p-table #dataTableSpecialProductions [value]="primengTableHelperSpecialProductions.records"
                                rows="{{primengTableHelperSpecialProductions.defaultRecordsCountPerPage}}"
                                [paginator]="false" [lazy]="true" scrollable="true" ScrollWidth="100%"
                                responsive="primengTableHelperSpecialProductions.isResponsive"
                                resizableColumns="primengTableHelperSpecialProductions.resizableColumns">
                                <ng-template pTemplate="header">
                                    <tr>
                                        <th pSortableColumn="techFileInfoType">
                                            类型
                                        </th>
                                        <th pSortableColumn="fileName">
                                            名称
                                        </th>
                                        <th pSortableColumn="modelName">
                                            型号
                                        </th>
                                        <th pSortableColumn="drawingCode">
                                            图号
                                        </th>
                                        <th pSortableColumn="drawingName">
                                            图号名称
                                        </th>
                                        <!-- <th pSortableColumn="paragraphNo">
                                      部段号
                                      <p-sortIcon field="paragraphNo"></p-sortIcon>
                                  </th>
                                  <th pSortableColumn="pageCount">
                                      页数
                                      <p-sortIcon field="pageCount"></p-sortIcon>
                                  </th>   -->
                                        <th pSortableColumn="stageType">
                                            阶段
                                        </th>
                                        <th pSortableColumn="securityType">
                                            密级
                                        </th>
                                        <th pSortableColumn="status">
                                            状态
                                        </th>
                                        <th pSortableColumn="remarks">
                                            备注
                                        </th>
                                    </tr>
                                </ng-template>
                                <ng-template pTemplate="body" let-record="$implicit">
                                    <tr>


                                        <td>
                                            <span class="ui-column-title">类型</span>
                                            <span *ngIf="record.techFileInfoType == 1"> 图纸</span>
                                            <span *ngIf="record.techFileInfoType == 2"> 技术通知单 </span>
                                            <span *ngIf="record.techFileInfoType == 3"> 偏离单 </span>
                                            <span *ngIf="record.techFileInfoType == 4"> 质疑单 </span>
                                            <span *ngIf="record.techFileInfoType == 5"> 质量通知单 </span>
                                            <span *ngIf="record.techFileInfoType == 6"> 技术条件 </span>
                                            <span *ngIf="record.techFileInfoType == 7"> 技术说明书 </span>


                                        </td>
                                        <td>
                                            <span class="ui-column-title">名称</span>
                                            {{ record.fileName}}
                                        </td>

                                        <td>
                                            <span class="ui-column-title">型号</span>
                                            {{ record.modelName}}
                                        </td>
                                        <td>
                                            <span class="ui-column-title">图号</span>
                                            {{ record.drawingCode}}
                                        </td>
                                        <td>
                                            <span class="ui-column-title">图号名称</span>
                                            {{ record.drawingName}}
                                        </td>
                                        <!-- <td>
                                      <span class="ui-column-title">部段号</span>
                                      {{ record.paragraphNo}}
                                  </td>
                                  <td>
                                      <span class="ui-column-title">页数</span>
                                      {{ record.pageCount}}
                                  </td>  -->

                                        <td>
                                            <span class="ui-column-title">阶段</span>
                                            <span *ngIf="record.stageType == 1"
                                                class="m-badge m-badge--success m-badge--wide"> 模态</span>
                                            <span *ngIf="record.stageType == 2"
                                                class="m-badge m-badge--success m-badge--wide"> 初样</span>
                                            <span *ngIf="record.stageType == 3"
                                                class="m-badge m-badge--success m-badge--wide"> 试样</span>
                                            <span *ngIf="record.stageType == 4"
                                                class="m-badge m-badge--success m-badge--wide"> 定型</span>
                                        </td>
                                        <td>
                                            <span class="ui-column-title">密级</span>
                                            <span *ngIf="record.securityType == 1"
                                                class="m-badge m-badge--success m-badge--wide"> 内部</span>
                                            <span *ngIf="record.securityType == 2"
                                                class="m-badge m-badge--success m-badge--wide"> 秘密</span>
                                            <span *ngIf="record.securityType == 3"
                                                class="m-badge m-badge--danger m-badge--wide"> 机密</span>
                                            <span *ngIf="record.securityType == 4"
                                                class="m-badge m-badge--danger m-badge--wide"> 绝密</span>

                                        </td>
                                        <td>
                                            <span class="ui-column-title">状态</span>
                                            <span *ngIf="record.status == 2"
                                                class="m-badge m-badge--success m-badge--wide"> 借阅</span>
                                            <span *ngIf="record.status == 6"
                                                class="m-badge m-badge--info m-badge--wide"> 借出中</span>
                                            <span *ngIf="record.status == 7"
                                                class="m-badge m-badge--info m-badge--wide"> 归还中</span>
                                        </td>
                                        <td>
                                            <span class="ui-column-title">备注</span>
                                            {{ record.remarks}}
                                        </td>

                                    </tr>
                                </ng-template>
                            </p-table>
                            <div class="primeng-no-data"
                                *ngIf="primengTableHelperSpecialProductions.totalRecordsCount == 0">
                                没有数据
                            </div>
                            <div class="primeng-paging-container">
                                <p-paginator [rows]="primengTableHelperSpecialProductions.defaultRecordsCountPerPage"
                                    #paginatorSpecial (onPageChange)="getSpecialProduction($event)"
                                    [totalRecords]="primengTableHelperSpecialProductions.totalRecordsCount"
                                    [rowsPerPageOptions]="primengTableHelperSpecialProductions.predefinedRecordsCountPerPage">
                                </p-paginator>
                                <span class="total-records-count">
                                    共 {{primengTableHelperSpecialProductions.totalRecordsCount}} 条
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="col-lg-6 col-xs-12 col-sm-12">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Member Activity
                                </h3>
                            </div>
                        </div>
                        <div class="m-portlet__head-tools">
                            <button (click)="memberActivityTable.reload()" class="btn btn-primary"><i class="fa fa-sync"></i> Refresh</button>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        <div class="table-scrollable table-scrollable-borderless">
                            <table class="table table-hover table-light">
                                <thead>
                                    <tr class="uppercase">
                                        <th colspan="2">
                                            MEMBER
                                        </th>
                                        <th>
                                            Earnings
                                        </th>
                                        <th>
                                            CASES
                                        </th>
                                        <th>
                                            CLOSED
                                        </th>
                                        <th>
                                            RATE
                                        </th>
                                    </tr>
                                </thead>
                                <tr *ngFor="let m of memberActivityTable.memberActivities; let index = index">
                                    <td class="fit">
                                        <img class="m--img-rounded m--marginless m--img-centered small-profile-pic" src="/assets/metronic/app/img/users/100_{{index + 1}}.jpg">
                                    </td>
                                    <td>
                                        <a href="javascript:;" class="primary-link">{{m.name}}</a>
                                    </td>
                                    <td>
                                        {{m.earnings}}
                                    </td>
                                    <td>
                                        {{m.cases}}
                                    </td>
                                    <td>
                                        {{m.closed}}
                                    </td>
                                    <td>
                                        <span class="bold font-green-haze">{{m.rate}}</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>

        <div class="row">
            <div class="col-md-12 col-sm-12" *ngIf="isGranted('Pages.Tenant.Dashboard.Workshop')">
                <div class="m-portlet m-portlet--full-height">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    工艺规程借阅明细
                                </h3>
                            </div>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        <div class="primeng-datatable-container" [busyIf]="primengTableRecoverProductions.isLoading">
                            <p-table #dataTableRecoverProductions [value]="primengTableRecoverProductions.records"
                                rows="{{primengTableRecoverProductions.defaultRecordsCountPerPage}}" [paginator]="false"
                                [lazy]="true" scrollable="true" ScrollWidth="100%"
                                responsive="primengTableRecoverProductions.isResponsive"
                                resizableColumns="primengTableRecoverProductions.resizableColumns">
                                <ng-template pTemplate="header">
                                    <tr>
                                        <th pSortableColumn="fileName">
                                            编号
                                        </th>
                                        <th pSortableColumn="modelName">
                                            型号
                                        </th>
                                        <th pSortableColumn="drawingCode">
                                            图号
                                        </th>
                                        <th pSortableColumn="drawingName">
                                            图号名称
                                        </th>
                                        <!-- <th pSortableColumn="paragraphNo">
                                      部段号
                                  </th>
                                  <th pSortableColumn="pageCount">
                                      页数
                                  </th>   -->
                                        <th pSortableColumn="stageType">
                                            阶段
                                        </th>
                                        <th pSortableColumn="status">
                                            状态
                                        </th>
                                        <th pSortableColumn="remarks">
                                            备注
                                        </th>
                                        <!-- <th style="width:80px">日志</th> -->
                                    </tr>
                                </ng-template>
                                <ng-template pTemplate="body" let-record="$implicit">
                                    <tr>
                                        <td>
                                            <span class="ui-column-title">编号</span>
                                            {{ record.fileName}}
                                        </td>

                                        <td>
                                            <span class="ui-column-title">型号</span>
                                            {{ record.modelName}}
                                        </td>
                                        <td>
                                            <span class="ui-column-title">图号</span>
                                            {{ record.drawingCode}}
                                        </td>
                                        <td>
                                            <span class="ui-column-title">图号名称</span>
                                            {{ record.drawingName}}
                                        </td>
                                        <!-- <td>
                                      <span class="ui-column-title">部段号</span>
                                      {{ record.paragraphNo}}
                                  </td>
                                  <td>
                                      <span class="ui-column-title">页数</span>
                                      {{ record.pageCount}}
                                  </td>  -->
                                        <td>
                                            <span class="ui-column-title">阶段</span>
                                            <span *ngIf="record.stageType == 1"
                                                class="m-badge m-badge--success m-badge--wide"> 模态</span>
                                            <span *ngIf="record.stageType == 2"
                                                class="m-badge m-badge--success m-badge--wide"> 初样</span>
                                            <span *ngIf="record.stageType == 3"
                                                class="m-badge m-badge--success m-badge--wide"> 试样</span>
                                            <span *ngIf="record.stageType == 4"
                                                class="m-badge m-badge--success m-badge--wide"> 定型</span>
                                        </td>
                                        <td>
                                            <span class="ui-column-title">状态</span>
                                            <span *ngIf="record.status == 2"
                                                class="m-badge m-badge--success m-badge--wide"> 借阅</span>
                                            <span *ngIf="record.status == 6"
                                                class="m-badge m-badge--info m-badge--wide"> 借出中</span>
                                            <span *ngIf="record.status == 7"
                                                class="m-badge m-badge--info m-badge--wide"> 归还中</span>
                                        </td>
                                        <td>
                                            <span class="ui-column-title">备注</span>
                                            {{ record.remarks}}
                                        </td>


                                        <!-- <th style="width: 80px">
                                      <p-button (click)="showPositionDialog(record.id,event)"  label="查看" styleClass="p-button-warning"></p-button>
                                   </th> -->
                                    </tr>
                                </ng-template>
                            </p-table>
                            <div class="primeng-no-data" *ngIf="primengTableRecoverProductions.totalRecordsCount == 0">
                                没有数据
                            </div>
                            <div class="primeng-paging-container">
                                <p-paginator [rows]="primengTableRecoverProductions.defaultRecordsCountPerPage"
                                    #paginatorRecover (onPageChange)="getrecover($event)"
                                    [totalRecords]="primengTableRecoverProductions.totalRecordsCount"
                                    [rowsPerPageOptions]="primengTableRecoverProductions.predefinedRecordsCountPerPage">
                                </p-paginator>
                                <span class="total-records-count">
                                    共 {{primengTableRecoverProductions.totalRecordsCount}} 条
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- <div class="col-lg-6 col-xs-12 col-sm-12">
                <div class="m-portlet m-portlet--full-height ">
                    <div class="m-portlet__head">
                        <div class="m-portlet__head-caption">
                            <div class="m-portlet__head-title">
                                <h3 class="m-portlet__head-text">
                                    Member Activity
                                </h3>
                            </div>
                        </div>
                        <div class="m-portlet__head-tools">
                            <button (click)="memberActivityTable.reload()" class="btn btn-primary"><i class="fa fa-sync"></i> Refresh</button>
                        </div>
                    </div>
                    <div class="m-portlet__body">
                        <div class="table-scrollable table-scrollable-borderless">
                            <table class="table table-hover table-light">
                                <thead>
                                    <tr class="uppercase">
                                        <th colspan="2">
                                            MEMBER
                                        </th>
                                        <th>
                                            Earnings
                                        </th>
                                        <th>
                                            CASES
                                        </th>
                                        <th>
                                            CLOSED
                                        </th>
                                        <th>
                                            RATE
                                        </th>
                                    </tr>
                                </thead>
                                <tr *ngFor="let m of memberActivityTable.memberActivities; let index = index">
                                    <td class="fit">
                                        <img class="m--img-rounded m--marginless m--img-centered small-profile-pic" src="/assets/metronic/app/img/users/100_{{index + 1}}.jpg">
                                    </td>
                                    <td>
                                        <a href="javascript:;" class="primary-link">{{m.name}}</a>
                                    </td>
                                    <td>
                                        {{m.earnings}}
                                    </td>
                                    <td>
                                        {{m.cases}}
                                    </td>
                                    <td>
                                        {{m.closed}}
                                    </td>
                                    <td>
                                        <span class="bold font-green-haze">{{m.rate}}</span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
            </div> -->
        </div>

    </div>
</div>